#confirm-container{
    position: fixed;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5); /* 最后的数字越少背景越透明 */
    display: none;
    justify-content: center;
    align-items: center;
}

#confirm{
    width: 500px;
    background-color: white;
}

#confirm-header{
    height: 30px;
    position: relative;
}

#confirm-close{
    height: 30px;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    right:0;
    top:0;
}

#confirm-close:hover{
    background-color: #666666;
    color: white;
}

#confirm-main{
    padding: 25px 10px;
    text-align: center;
}
#confirm-footer{
    height: 70px;
    text-align: center;
}

#confirm-yes,#confirm-no{
    border: none;
    height: 40px;
    width: 70px;
    margin: 0 50px;
    border-radius: 5px;
    font-size: 18px;
}
#confirm-yes{
    background-color: 	#FF6666;
    color: white;
}

#confirm-yes:hover{
    background-color: red;
}

#confirm-no:hover{
    background-color: blue;
}

#confirm-yes:focus,#confirm-yes:active{
    outline: none;
    box-shadow:0 0 2px 4px #FF99FF;
}

#confirm-no{
    background-color:#0069D9;
    color: white;
}

#confirm-no:focus,#confirm-no:active{
    outline: none;
    box-shadow:0 0 2px 4px #77AADD;
}